<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	  <link rel="stylesheet" type="text/css" href="../css/sampleForm.css" />
   <title>การสร้างฟอร์มเบื้องต้น</title>
 </head>
 <body>  
 <div id ="inputform">
	<form action="Tag_Form.html" method="post" name="form1" id="form1">
	<div id="userPw">
	<p><fieldset>
		<legend><b>ระบุ Username และ Password ที่ต้องการ</b></legend>
 		<p><label class= "align">Username :</label>
		<input name="username" type="text" maxlength="10"  class="txt" />
		<label class= "comment">*</label></p>
 		<p><label class= "align">Password :</label>
	 	<input name="password" type="password" maxlength="5" class="txt" />
 		<label class= "comment">*กรอกรหัสจำนวน 4 ตัว</label></p>
    	<p><label>Confirm Password :</label>
		<input name="confirm" type="password" maxlength="4" class ="txt" />
		<label class= "comment">*</label></p>
     </fieldset></p>
 </div>
 <div id ="resume">
	<p ><fieldset>
	<legend><b>กรุณากรอกประวัติ </b></legend>
      <p><label class= "alignf">ชื่อ :</label><input name="firstname" type="text" class="txt" /></p>
    <p><label class= "alignl">นามสกุล :</label><input name="lastname" type="text" class ="txt"/> </p>
	<p class= "aligngender"><label>เพศ :</label>
 	<input name="man" type="radio" value="man" /> <label>ชาย </label>
 	<input name="female" type="radio" value="female" /> <label>หญิง</label></p>
 <p><label class ="alignaddr">ที่อยู่ :</label> <textarea name="address"  rows="3" class= "txtarea"></textarea> </p>
	    <p class="prov"><label>จังหวัด : </label>
     <select name="select"  class="list">
 		<option value="กรุงเทพมหานคร" selected="selected">กรุงเทพมหานคร</option>
		<option value="กระบี่">กระบี่</option>
 		<option value="กาญจนบุรี">กาญจนบุรี</option>
		<option value="กาฬสินธุ์">กาฬสินธุ์</option>
		  <option value="อำนาจเจริญ">อำนาจเจริญ</option>
 	</select></p>
 	<p><label class="post">รหัสไปรษณีย์ :</label> <input name="code" type="text" maxlength="5"  class="txt" /> </p>
 	<p><label>ความสามารถในการขับขี่ยานพาหนะ :</label>
 	<input name="car" type="checkbox" value="car"  /> <label>รถยนต์</label>
 	<input type="checkbox" name="motorcycle" value="motorcycle"  /><label>จักรยานยนต์</label> </p>
 	</fieldset></p>
 </div>
 	<center>
 		<input name="reset" type="reset" value="เคลียร์ข้อมูล" /> 
 		<input name="submit" type="submit" value="ส่งค่า" />
 	</center>
 </form>
 </div>
 </body>
 </html>
